<template>
  <div class="box">
    <div id="top">
      <span id="sao" class="iconfont icon-saoyisaosaomiao"></span>
      <p class="three">
        <span class="one">{{this.$store.state.text}}</span>
        <span class="two" v-on:click="fun()">{{this.$store.state.text1}}</span>
        <span class="three1">{{this.$store.state.text2}}</span>
        <span></span>
      </p>
      <span id="jiahao" class="iconfont icon-jiahao"></span>
    </div>
  </div>

</template>

<script>
export default {
    methods:{
      fun(){
        this.$router.push("./Two")
      }
    }
}
</script>

<style scoped>
#top{
  width: 3.8rem;
  height: 0.3rem;
  /* background-color: aquamarine; */
  box-sizing: border-box;
}
#sao{
  font-size: 20px;
  line-height: 00.3rem;
  padding-left: .10rem;
}
.one{
  font-size: .16rem;
}
.two{
  margin-left: 00.2rem;
  margin-right: 00.3rem;
  font-size: .16rem;
}
.three1{
  font-size: .16rem;

}
.three{
  display: inline;
  margin-left: 00.6rem;
}
#jiahao{
  margin-left: 0.4rem;
  font-size: .2rem;
}
</style>